.information-content-h5{
  min-height: 100%;
  background-color: var(--z-bg-content);
  .information-content-h5__title{
    height: var(--rem-60);
    display: flex;
    align-items: center;
    border-bottom: 2px solid var(--border-color);
    padding: 0 var(--rem-12);
    h3{
      display: flex;
      align-items: center;
      font-size: var(--rem-15);
      font-weight: 700;
      color: var(--z-font-anti);
      svg{
        margin-right: var(--rem-10);
      }
    }
    h4{
      display: flex;
      align-items: center;
      margin-left: auto;
      svg{
        margin-right: var(--rem-5);
      }
    }
  }
}
.mine-h5-popup-content{
  padding: 0 var(--rem-20);
  h3.h5-popup-title{
    color: var(--z-font-anti);
    color: #8b99b4;
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    span{
      display: flex;
      align-items: center;
      justify-content: center;
      &.active{
        svg{
          transform: rotateX(180deg);
        }
      }
      svg{
        margin-top: var(--rem-3-n);
        transition: all .3s;
      }
    }
  }
}
.form-copy-h5{
  color: #6b7180;
  background-color: var(--z-bg-card);
  font-size: var(--rem-12);
  border-radius: var(--rem-20);
  padding: 0 var(--rem-10);
  cursor: pointer;
  height: var(--rem-20);
  line-height: var(--rem-20);
  margin-left: var(--rem-10);
  white-space: nowrap;
  border: 1px solid var(--border-prm);
}
.userinfo-h5-tips{
  margin-top: var(--rem-5);
}
.information-content-h5__list{
  padding: 0 var(--rem-20);
  li{
    width: 100%;
    height: var(--rem-105);
    margin-top: var(--rem-20);
    padding: var(--rem-16) var(--rem-10);
    border-radius: var(--rem-12);
    box-sizing: border-box;
    background-color: var(--z-bg-card);
    h3{
      border-bottom: 1px solid var(--border-color);
      display: flex;
      align-items: center;
      padding-bottom: var(--rem-14);
      em{
        width: var(--rem-30);
        height: var(--rem-30);
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: var(--bg-table-header-h5);
        border-radius: var(--rem-8);
        display: flex;
        justify-content: center;
        align-items: center;
      }
      .unreceived{
        margin-left: auto;
        background: var(--z-bg-btn);
        border-radius: var(--rem-20);
        line-height: 1;
        padding: var(--rem-7) var(--rem-19);
        color: var(--z-font-white);
      }
      .received{
        margin-left: auto;
      }
      span{
        font-weight: 700;
        font-size: var(--rem-15);
        color: var(--z-font-anti);
        margin-left: var(--rem-10);
      }
      img{
        width: var(--rem-18);
        height: var(--rem-18);
        border: 0 none;
      }
    }
    h4{
      display: flex;
      margin-top: var(--rem-14);
      justify-content: space-between;
      align-items: center;
      font-weight: 500;
      font-size: var(--rem-11);
    }
  }
}
.h5-popup-search-button{
  margin-bottom: var(--rem-20);
}
.h5-no-data{
  text-align: center;
  line-height: var(--rem-100);
}
